<extend name="Public:layout"/>
<block name="js">
    <script src="__STATIC__/sz/js/public.js?v=__STATIC_VERSION__"></script>
    <script src="__STATIC__/sz/js/index.js?v=__STATIC_VERSION__"></script>
</block>
<block name="css">
    <link rel="stylesheet" href="__STATIC__/sz/css/index.css?v=__STATIC_VERSION__"/>
</block>
<block name="content">
    <!--首页banner开始-->
    <div id="index-banner">
        <div class="index-banner-inner">
            <ul class="piclist">
                <foreach name="slide" key="k" item="vo">
                <li class="pic {$k ? 'hid' : ''}"><img src="{$vo.slide_image}" alt="banner图"/></li>
                </foreach>
            </ul>
        </div>
        <div class="numberContent">
            <ul class="numberList">
                <foreach name="slide" key="k" item="vo">
                    <li {$k ? '' : 'class="bannerAc"'}>{$k+1}</li>
                </foreach>
            </ul>
        </div>
    </div>
    <!--首页banner开始-->
    <!--公司介绍-->
    <div id="index-company-introduction" class="clear">

        <div class="inner">
            <h2 class="index-h2">
                <strong>公司介绍</strong>
                <span>introduction</span>
            </h2>
        </div>

        <div class=" inner clear">
            <div class="text-introduction fl">
                <p>{$companyPage.content|more_hidden=0,140}</p>
                <a href="{:U('About/company')}">查看详情</a>
            </div>
            <div class="video-introduction fl">
                <div class="index-video-wrap">
                    <div class="index-video-content">
                        <video width="478" height="268" src="{$home_video}" poster="{$home_video_thumb}" preload="none">
                        </video>
                    </div>
                    <div class="indexIntroductionVideoMask">
                        <span class="indexIntroducePlayStyle"></span>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--公司介绍结束-->
    <!--公司风采开始-->

    <div id="index-company-feature">
        <div class="inner index-appearance-title-wrap">

            <h2 class="index-h2">
                <strong>公司风采</strong>
                <span> COMPANY APPEARANCE</span>
            </h2>
            <div  class="inner clear appearance-content-wrap">
                <ul>
                    <foreach name="elegant" item="vo">
                        <li>
                            <a href="{:U('News/detail', 'id='.$vo['article_id'])}" class="appearance-item">
                                <div class="index-appearance-pic"><img src="{$vo.thumb}" alt="首页公司风采图片"/></div>
                                <div class="indexAppearancePicExplain">
                                    <h3>{$vo.title|more_hidden=0,25}</h3>
                                </div>
                            </a>
                        </li>
                    </foreach>

                </ul>
            </div>
        </div>
    </div>
    <!--公司风采结束-->
    <!-- "微软雅黑","Microsoft YaHei",Arial;-->
    <!--首页公司新闻开始-->
    <div id="index-corporate-news" class="clear">
        <div class="inner index-appearance-title-wrap">
            <h2 class="index-h2">
                <strong>企业新闻</strong>
                <span>CORPORATE NEWS</span>
            </h2>
        </div>
        <div class="optionBtnWrap">
            <ul>
                <li ><a href="javascript:;" class="btnActive">公司新闻</a></li>
                <li><a href="javascript:;">媒体新闻</a></li>
                <li><a href="javascript:;">视频新闻</a></li>
            </ul>
        </div>
        <div class="inner showWrap">
            <div class="index_news_content clear">
                <div class="demoNew fl">
                    <notempty name="top">
                    <div class="index-news-demo-pic"><img src="{$top.thumb}" alt="首页新闻实例图片"/></div>
                    <a href="{:U('News/detail', 'id='.$top['article_id'])}" class="demo-title"><h3>{$top.title|more_hidden=0,25}</h3></a>
                    <div class="demotext">
                        <p>{$top.content|more_hidden=0,45}
                            <b></b><a href="{:U('News/detail', 'id='.$top['article_id'])}"> 查看>></a>
                        </p>
                    </div>
                    </notempty>
                </div>
                <div class="newListContent fr clear">
                    <ul>
                        <foreach name="company" key="k" item="vo">
                            <li class="clear">
                                <div class="avatar">
                                    <span>0{$k+1}</span>
                                </div>
                                <div class="item-content">
                                    <a href="{:U('News/detail', 'cat=company&id='.$vo['article_id'])}" class="item-title"> <h4>{$vo.title|more_hidden=0,25} </h4> <span class="index-item-time">{$vo.create_time|date='Y-m-d', ###}</span></a>
                                    <div class="demotext">
                                        <p>{$vo.content|more_hidden=0,45}
                                            <b></b><a href="{:U('News/detail', 'cat=company&id='.$vo['article_id'])}"> 查看>></a>
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </foreach>


                    </ul>


                    <ul class="hid">
                        <foreach name="media" key="k" item="vo">
                        <li class="clear">
                            <div class="avatar">
                                <span>0{$k+1}</span>
                            </div>
                            <div class="item-content">
                                <a href="{:U('News/detail', 'cat=company&id='.$vo['article_id'])}" class="item-title"> <h4>{$vo.title|more_hidden=0,25} </h4> <span class="index-item-time">{$vo.create_time|date='Y-m-d', ###}</span></a>
                                <div class="demotext">
                                    <p>{$vo.content|more_hidden=0,45}
                                        <b></b><a href="{:U('News/detail', 'cat=media&id='.$vo['article_id'])}"> 查看>></a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        </foreach>

                    </ul>



                    <ul class="hid">
                        <foreach name="video" key="k" item="vo">
                            <li class="clear">
                                <div class="avatar">
                                    <span>0{$k+1}</span>
                                </div>
                                <div class="item-content">
                                    <a href="{:U('News/detail', 'cat=company&id='.$vo['article_id'])}" class="item-title"> <h4>{$vo.title|more_hidden=0,25} </h4> <span class="index-item-time">{$vo.create_time|date='Y-m-d', ###}</span></a>
                                    <div class="demotext">
                                        <p>{$vo.content|more_hidden=0,45}
                                            <b></b><a href="{:U('News/detail', 'cat=video&id='.$vo['article_id'])}"> 查看>></a>
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </foreach>

                    </ul>
                </div>
            </div>
            <div class="NewsMore inner">
                <a href="{:U('News/company')}"> 浏览更多</a>
            </div>
        </div>
    </div>

    <!--首页公司新闻结束-->

    <!--视频弹窗开始-->
    <div id='videoWindow'>
        <span class="closeBtn"></span>
        <video width="960" height="540" controls="controls" poster="{$home_video_thumb}">
            <source src="{$home_video}" />
        </video>
    </div>
    <div class='mask'></div>
    <!--视频弹窗结束-->

</block>